<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>	
<%--			页面的右部				 --%>

<div class="sidebar" role="complementary" style="transform: translate3d(-295px, 0px, 0px); width: 38px;">
		<div class="sidebar-tabs">
			<div class="toolbar-tabs-middle">
			
				<a class="toolbar-btn icon-order toolbar-close" href="#"></a>
				
				<div class="toolbar-separator"></div>
				
				<a id="gowu"  class="toolbar-cartbtn icon-cart toolbar-open toolbar-cartbtn-shownum focus" href="javascript:">购物车
					<i class="toolbar-cartnum ng-binding ng-scope">1</i>
				</a>
				
				<div class="toolbar-separator"></div>
				<a class="toolbar-btn icon-notice toolbar-open modal-hide" href="javascript:" >
				</a>
			</div>
			<div class="toolbar-tabs-bottom">
				<a class="toolbar-btn sidebar-btn-backtop icon-top"  title="回到顶部" href="javascript:"></a>
			</div>
		</div>
		
		<div class="sidebar-content" style="display: none;">
			<div class="ng-scope">
				<div class="ng-scope">
					<div class="sidebarcart-caption">
						<a class="ng-binding" href="#">购物车</a>
						<span class="icon-angle-double-right"></span>
					</div>
					<div class="sidebarcart ng-scope">
						<dl class="ng-scope">
							<dt>
								<span class="ng-binding">购物车</span>
								<a href="javascript:" class="sidebarcart-clear ng-scope">[清空]</a>
							</dt>
							<dd class="ng-scope">
								<ul>
									<li class="clearfix">
										<div class="sidebarcart-name ng-binding" title="皮蛋瘦肉粥">皮蛋瘦肉粥</div>
										<div class="sidebarcart-quantity">
											<span>-</span>
											<input class="ng-pristine ng-valid"/> 
											<span>+</span>
										</div>
										<div class="sidebarcart-price ng-binding">11</div>
									</li>
								</ul>
							</dd>
						</dl>
					</div>
					<div class="sidebarcart-summary" >
						<p>
							共 <span class="color-stress ng-binding" >1</span>
							份，总计 <span class="color-stress ng-binding">11</span>
						</p>
						<button  class="sidebarcart-submit ng-binding">去结算</button>
					</div>
				</div>
			</div>
		</div>
	</div>
<script type="text/javascript">
	$(function(){
		$("#gowu").toggle(function(){
			$(".sidebar-content").show();
			$(".sidebar").css("width","330px");
		},function(){
			$(".sidebar-content").hide();
			$(".sidebar").css("width","38px");
		});
	});
</script>